
<!DOCTYPE html>
<html>
<head>
    <title>o0elias0o</title>
    <!-- viewport的宽度等于设备宽度，viewport会根据屏幕宽度自动适应，并且对图片和文字进行缩放显示 -->
    <meta name="viewport" content="initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
    <style type="text/css">
    body{overflow:hidden;width: 100%;height: 100%;background-color: #ffffff; background-image:url(./img/bg.jpg);}
    #particles-js {position: absolute;width: 100%;height: 100%;}
    #github svg { transition: all 1s; fill: #222; color: #fff; position: absolute; top: 0; right: 0; border: 0; width: 80px; height: 80px; }
    #github:hover svg { width: 160px; height: 160px; }
</style>
</head>
<body>
<div id="particles-js"></div>
<script >
    const particlesjs = { particles: { number: { value: 100, density: { enable: true, value_area: 600, }, }, color: { value: '#00BFFF', }, opacity: { value: 0.2, random: false, anim: { enable: false, speed: 1, opacity_min: 0.1, sync: false, }, }, size: { value: 3, random: true, anim: { enable: false, speed: 40, size_min: 0.1, sync: false, }, }, line_linked: { enable: true, distance: 150, color: '#00FFFF', opacity: 0.4, width: 1, shadow: { enable: false, blur: 20, color: '#000000', }, }, move: { enable: true, speed: 6, direction: "none", random: false, straight: false, out_mode: 'bounce', bounce: false, attract: { enable: false, rotateX: 600, rotateY: 1200, }, }, }, interactivity: { detect_on: 'canvas', events: { onhover: { enable: true, mode: 'bubble', }, onclick: { enable: true, mode: 'repulse', }, resize: true, }, modes: { grab: { distance: 140, line_linked: { opacity: 1, }, }, bubble: { distance: 200, size: 10, duration: 2, opacity: 8, speed: 3, }, repulse: { distance: 200, duration: 0.4, }, push: { particles_nb: 4, }, remove: { particles_nb: 2, }, }, }, retina_detect: true, fps_limit: 28, };
    particlesJS("particles-js",particlesjs);
</script>
</body>
</html>